@import "@wordpress/base-styles/breakpoints";
@import "@wordpress/base-styles/mixins";

.signup__step.is-website-content {
	.step-wrapper {
		body.is-section-signup .layout:not(.dops) & {
			max-width: 1440px;
			@include break-small {
				padding: 0 72px;
			}
		}

		.step-wrapper__content {
			flex-basis: 55%;
			margin-bottom: 64px;
		}

		&.is-horizontal-layout {
			@include break-small {
				display: block;
				margin-top: initial;
			}
			@include break-wide {
				display: flex;
				margin-top: 17vh;
			}
		}
	}

	.wpcom__loading {
		margin: 0 auto;
	}
}

.ReactModalPortal {
	.ReactModal__Content.ReactModal__Content--after-open.dialog.card {
		max-width: 700px;
	}
}
